<template>
<el-container class="full_box">
  <!--侧边栏区域-->
  <el-aside width="200px" class="aside">
    <el-container class="full_box">
      <el-header height="25%" class="clear_padding">
        <!--把商标放在这里-->
        <slot name="aside-header"></slot>
      </el-header>
      <el-main class="clear_padding ">
        <!--把侧导航放在这-->
        <slot name="aside-main" ></slot>
      </el-main>
    </el-container>
  </el-aside>
  <!--次级导航的内容显示区域-->
  <el-main class="main">
    <transition name="el-fade-in-linear" mode="out-in">
      <!--<router-view></router-view>-->
      <!--把嵌套路由视图放在这-->
      <slot name="main"></slot>
    </transition>
  </el-main>
</el-container>

</template>

<script>
export default {
  name: "BaseLayout",
  methods: {
    pushView(where) {
      this.$router.push(where)
    }
  },
}
</script>

<style scoped>
.clear_padding{
  padding: 0;
}
</style>